<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div></div>

    <script>

        // $是一个函数

        // jq当中存在链式操作  。。。


        function Fn() {
            
        }



        // 链式操作时因为返回了实例化对象  返回了this

        Fn.prototype.say = function() {
            console.log('say');
            // this 指向实例化对象
            return this  
        }

        Fn.prototype.speak = function() {
            console.log('speak');
            return this
        }


        const f = new Fn() ;

        f.say() ;

        f.speak() ;

        f.say().speak() ;


        f.speak().say()

    </script>
    
</body>
</html>